<template>
    <div>
     <van-image :src="require('../assets/news.img/jm_banner.jpg')" />
     <van-tabs v-model="active">
      <van-tab title="公司新闻"><h2>新闻资讯/公司新闻</h2>
        <div >
          <div class="lsp_fj">
            <div class="lsp_left"><p>曼玲粥店开创了小本投资先河,快速盈利好选择</p></div>
            <div class="lsp_right"><p>2021-6-17</p></div>
            <div class="lsp_lleft"><p>创了小本投资先河,快速盈利好选择我爱你我爱你我爱你我爱你</p></div>
            <van-button class="btn">详细</van-button>
          </div>
          <div class="lsp_fj">
            <div class="lsp_left"><p>曼玲粥店开创了小本投资先河,快速盈利好选择</p></div>
            <div class="lsp_right"><p>2021-6-17</p></div>
            <div class="lsp_lleft"><p>创了小本投资先河,快速盈利好选择我爱你我爱你我爱你我爱你</p></div>
            <van-button class="btn">详细</van-button>
          </div>
          <div class="lsp_fj">
            <div class="lsp_left"><p>曼玲粥店开创了小本投资先河,快速盈利好选择</p></div>
            <div class="lsp_right"><p>2021-6-17</p></div>
            <div class="lsp_lleft"><p>创了小本投资先河,快速盈利好选择我爱你我爱你我爱你我爱你</p></div>
            <van-button class="btn">详细</van-button>
          </div>
        </div>
          <van-pagination v-model="currentPage" :total-items="24" :items-per-page="5" />
      </van-tab>
      <van-tab title="粥铺动态"><h2>新闻资讯/粥铺动态</h2>
        <div >
          <div class="lsp_fj">
            <div class="lsp_left"><p>曼玲粥店开创了小本投资先河,快速盈利好选择</p></div>
            <div class="lsp_right"><p>2021-6-17</p></div>
            <div class="lsp_lleft"><p>创了小本投资先河,快速盈利好选择我爱你我爱你我爱你我爱你</p></div>
            <van-button class="btn">详细</van-button>
          </div>
          <div class="lsp_fj">
            <div class="lsp_left"><p>曼玲粥店开创了小本投资先河,快速盈利好选择</p></div>
            <div class="lsp_right"><p>2021-6-17</p></div>
            <div class="lsp_lleft"><p>创了小本投资先河,快速盈利好选择我爱你我爱你我爱你我爱你</p></div>
            <van-button class="btn">详细</van-button>
          </div>
          <div class="lsp_fj">
            <div class="lsp_left"><p>曼玲粥店开创了小本投资先河,快速盈利好选择</p></div>
            <div class="lsp_right"><p>2021-6-17</p></div>
            <div class="lsp_lleft"><p>创了小本投资先河,快速盈利好选择我爱你我爱你我爱你我爱你</p></div>
            <van-button class="btn">详细</van-button>
          </div>
        </div>
          <van-pagination v-model="currentPage" :total-items="24" :items-per-page="5" />
      </van-tab>
    </van-tabs>
    </div>
</template>
<script>
export default {
  data() {
    return {
      active: 2,
      currentPage: 1,
    };
  },
  mounted() {
    this.axios.get('/v1/consult').then(result=>{
            console.log(result.data.data);
        })  
    this.axios.get('/v1/trends').then(result=>{
        console.log(result.data.data);
    }) 
  },
};
</script>
<style>
.lsp_left{
  float: left;
  text-align: left;
  width: 65%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
} 
.lsp_right{
  float: right;
  position: relative;
  top: 5px;
  right: 30px;
}
.lsp_lleft{
  float: left;
  width: 65%;
  text-align: left;
  font-size: 14px;

}
.btn{
  float: right;
  width: 100px;
  position: relative;
  bottom: -18px;
  right: 10px;
  height: 50px;
}
.lsp_fj{
  border-bottom: 1px dashed #666;
  height: 110px;
  padding:10px;
  margin-bottom: 30px;
  /* background-color: seagreen; */
}
</style>
